<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>中国铁路12306</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/station.css">


</head>

<body>

    <!-- 1.顶部导航 -->
    <div class="topnav">
        <!-- 1.1版心 -->
        <div class="container clearfix">
            <!-- 1.1.1 logo -->
            <div class="topnav-logo">
                <img src="./img/station-img/logo.png" alt="">
            </div>
            <!-- 1.1.2搜索框 -->
            <div class="topnav-search clearfix">
                <div class="topnav-search-input">
                    <input type="text" placeholder="搜索车票/餐饮/常旅客/相关规章">
                    <i class="iconfont">&#xe61e;</i>
                </div>
            </div>

            <!-- 1.1.3右边登录 -->
            <div class="topnav-right">
                <div class="wenzi">
                    <a href="">
                        <span>我的12306</span>
                    </a>

                </div>
                <div class="font">
                    <i class="iconfont">&#xe642;</i>
                </div>
                <div class="font2">
                    <i class="iconfont">&#xe63a;</i>
                </div>
                <div class="zui">
                    <a href="">
                        <span>登录</span>
                    </a>
                    <a href="">
                        <span>注册</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 2.头部 -->
    <div class="header">
        <div class="container clearfix">
            <div class="gege">
                <span>首页</span>
            </div>

            <div class="gege">
                <span>车票</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>团购服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>会员服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="first">
                <span>站车服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>商旅服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>出行服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>信息查询</span>
                <i class="iconfont">&#xe635;</i>
            </div>
        </div>

    </div>

    <!-- 3.内容 -->
    <div class="banner">
        <div class="container">
            <div class="banner-left">
                <div class="banner-left-top">
                    <span>车站引导</span>
                </div>
                <div class="banner-left-bottom">
                    <div class="one">
                        <ul>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>北京</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>河北</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>内蒙古</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>吉林</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>上海</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>浙江</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>福建</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>山东</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>湖北</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>广东</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>海南</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>四川</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>云南</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>陕西</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>宁夏</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>新疆</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>澳门</span>
                            </li>

                        </ul>
                    </div>
                    <div class="two">
                        <ul>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>天津</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>山西</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>辽宁<span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>黑龙江</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>江苏</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>安徽</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>江西</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>河南</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>湖南</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>广西</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>重庆</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>贵州</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>西藏</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>甘肃</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>青海</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>香港</span>
                            </li>
                            <li>
                                <img src="./img/station-img/small.gif" alt="">
                                <span>台湾</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="banner-right">
                <div class="banner-right-top">
                    <span>首页>车站引导</span>
                </div>
                <div class="bottom">
                    <img src="./img/station-img/map3.gif" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 8.底部 -->
    <div class="footer">
        <div class="container clearfix">
            <div class="footer-left">
                <div class="footer-left-top">
                    <h2>友情链接</h2>
                </div>
                <div class="footer-left-bottom">
                    <a href="">
                        <img src="./upload/station-upload/01 (2).png" alt="">
                    </a>
                    <a href="">
                        <img src="./upload/station-upload/02(2).png" alt="">
                    </a>
                    <a href="">
                        <img src="./upload/station-upload/03(2).png" alt="">

                    </a>
                    <a href="">
                        <img src="./upload/station-upload/04(2).png" alt="">
                    </a>
                </div>
            </div>
            <div class="footer-right">
                <div class="footer-right-top">
                    <span class="one">中国铁路官方微信</span>
                    <span class="two">中国铁路官方微博</span>
                    <span class="three">12306公众号</span>
                    <span class="four">铁路12306</span>
                </div>
                <div class="footer-right-bottom">
                    <img src="./img/station-img/erweima01.png" alt="" class="one">
                    <img src="./img/station-img/erweima02.png" alt="" class="two">
                    <img src="./img/station-img/erweima03.png" alt="" class="three">
                    <img src="./img/station-img/erweima04.png" alt="" class="four">
                </div>
                <div class="zui">
                    <p>官方APP下载，目前铁路未授权
                        其他网站或APP开展类似服务内
                        容，敬请广大用户注意。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 9.底部商标 -->
    <div class="brand">
        <div class="container">
            <div class="middle">
                <p>版权所有©2008-2019 中国铁道科学研究院集团有限公司</p>
                <span>京ICP备05020493号-4 | 京ICP证150437号</span>
            </div>

        </div>
    </div>


</body>

</html>